<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="img2div" name="Keywords">
    <meta content="img2div" name="description">
    <title>img2div</title>


    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <style>
		#cnzz_stat_icon_1259441963 a{
			height:0;
			overflow:hidden;
			display:none;
		}
	</style>
</head>
	
<body>
	<a style="width:149px;height:149px;position:fixed;top:0;right:0;z-index:9999;" href="https://github.com/chokcoco/img2pureDiv" target="_blank">
    <img src="http://chokcoco.github.io/demo/curveJS/images/forkme.png">
  </a>
	<div class="container">
		<h1>img2div -- 图片转换为 div 表示</h1>
		<p class="word">转换大图性能损耗严重，对 CPU 的负载极大，请从传入 50*50 以下的小图开始尝试</p>
		<p class="word">电脑性能好随意</p>
		<div class="imgUpload">
			<div class="dropZone">
				<div data-reactid=".0.0.0">点击上传图片</div>
				<input id="fileId1" type="file" accept="image/png,image/gif" name="file" />
			</div>
		</div>
		<h2>原图</h2>
		<div id="result"></div>
		<h2>转换为使用 box-shadow 表示的单标签图案</h2>
    <div id="toDiv" style="width:1px;height:1px"></div>
    <div id="code" contenteditable="true" ></div>
	</div>

<script type="text/javascript" src="../js/index.js"></script>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1259441963'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1259441963' type='text/javascript'%3E%3C/script%3E"));</script>
<script type="text/javascript" charset="utf-8" src="http://172.19.99.218:8132/livereload.js"></script></body>
</html>
